<div class="create-account create-account-hook lightmethod-detail">
    <div class="title">
        当前位置：运营管理&nbsp;->&nbsp;照明策略&nbsp;->&nbsp;<span class="active">新建照明策略</span>
    </div>
    <div class="detail-header">
        <h3 class="choice">新建照明策略</h3>
    </div>
    <div class="inner-wrapper">
        <div class="form" >
            <form class="form-horizontal create-form-hook" method="post" >
                <div class="form-group form-title">
                    <label class=" control-label">照明策略名称</label>
                    <input type="text" class="form-control" name="MethodName" v-model="light.name" >
                    <input  type="checkbox" name="unify" v-model="light.unify">统一设置
                </div>
                <!-- 默认分开设置 -->
                <div class="innerbox" v-show='light.unify==false'>
                    <div class="order-box">
                        <div class="order-primary" :class="[but==1?'order-active':'']" @click.stop='but=1'>
                             <span>序号1</span>
                        </div>
                        <div class="order-primary" :class="[but==2?'order-active':'']" @click.stop='but=2'>
                            <span>序号2</span>
                        </div>
                        <div class="order-primary" :class="[but==3?'order-active':'']" @click.stop='but=3'>
                            <span>序号3</span>
                        </div>
                        <div class="order-primary" :class="[but==4?'order-active':'']" @click.stop='but=4'>
                            <span>序号4</span>
                        </div>
                    </div>
                    <!-- 序号1设置开始 -->
                    <div class="form" v-show='but==1' >
                        <div class="form-group">
                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethod.lightmethod1.type" name="lightset1" value="sunset">
                                <label class="control-label">按经纬度设置</label>
                            </div>
                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethod.lightmethod1.type" name="lightset1" value="timeset">
                                <label class="control-label">按时间节点设置</label>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod1.type == 'sunset'">
                            <div>
                                <table class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>调整(m)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td class="bggray">日落时间</td>
                                        <td><input type="text" value="100" name="sunsetLum1"  v-model="light.lightmethod.lightmethod1.sunsetLum"></td>
                                        <td><input type="text" value="20" name="startDelay1" v-model="light.lightmethod.lightmethod1.startDelay"></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td class="bggray">日出时间</td>
                                        <td class="bggray">0</td>
                                        <td><input type="text"  value="20" name="endDelay1" v-model="light.lightmethod.lightmethod1.endDelay"></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="order_operation_btn" v-show="light.lightmethod.lightmethod1.breakpointSunList.length <4">
                                <button type="button" class="btn primary_btn" @click.stop="addBreakpoint()">新增转换点</button>
                            </div>
                            <div v-show="light.lightmethod.lightmethod1.breakpointSunList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>操作</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod1.breakpointSunList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                        <td> <a href="javascript:;" @click="del(index)" >删除</a></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod1.type == 'timeset'">
                            <div>
                                <span>开关点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td><input type="text"  value="18:00" name="startTime1" v-model="light.lightmethod.lightmethod1.startTime"></td>
                                        <td><input type="text"  value="100" name="timesetLum1" v-model="light.lightmethod.lightmethod1.timesetLum"></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td><input type="text"  value="06:00" name="endTime1" v-model="light.lightmethod.lightmethod1.endTime"></td>
                                        <td class="bggray">0</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="order_operation_btn"  v-show="light.lightmethod.lightmethod1.breakpointList.length <4">
                                <button type="button" class="btn primary_btn" @click.stop="addBreakpoint()">新增转换点</button>
                            </div>
                            <div v-show="light.lightmethod.lightmethod1.breakpointList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>操作</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod1.breakpointList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                        <td> <a href="javascript:;" @click="del(index)" >删除</a></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- 序号2设置开始 -->
                    <div class="form" v-show='but==2' >
                        <div class="form-group">
                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethod.lightmethod2.type" name="lightset2" value="sunset">
                                <label class="control-label">按经纬度设置</label>
                            </div>

                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethod.lightmethod2.type" name="lightset2" value="timeset">
                                <label class="control-label">按时间节点设置</label>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod2.type == 'sunset'">
                            <div>
                                <table class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>调整(m)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td class="bggray">日落时间</td>
                                        <td><input type="text"  value="100" name="sunsetLum2"  v-model="light.lightmethod.lightmethod2.sunsetLum"></td>
                                        <td><input type="text"  value="20" name="startDelay2" v-model="light.lightmethod.lightmethod2.startDelay"></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td class="bggray">日出时间</td>
                                        <td class="bggray">0</td>
                                        <td><input type="text"  value="20" name="endDelay2" v-model="light.lightmethod.lightmethod2.endDelay"></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="order_operation_btn"  v-show="light.lightmethod.lightmethod2.breakpointSunList.length <4">
                                <button type="button" class="btn primary_btn" @click.stop="addBreakpoint()">新增转换点</button>
                            </div>
                            <div v-show="light.lightmethod.lightmethod2.breakpointSunList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>操作</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod2.breakpointSunList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                        <td> <a href="javascript:;" @click="del(index)" >删除</a></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod2.type == 'timeset'">
                            <div>
                                <span>开关点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td><input type="text"  value="18:00" name="startTime2" v-model="light.lightmethod.lightmethod2.startTime"></td>
                                        <td><input type="text"  value="100" name="timesetLum2" v-model="light.lightmethod.lightmethod2.timesetLum"></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td><input type="text"  value="06:00" name="endTime2" v-model="light.lightmethod.lightmethod2.endTime"></td>
                                        <td class="bggray">0</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="order_operation_btn"  v-show="light.lightmethod.lightmethod2.breakpointList.length <4">
                                <button type="button" class="btn primary_btn" @click.stop="addBreakpoint()">新增转换点</button>
                            </div>
                            <div v-show="light.lightmethod.lightmethod2.breakpointList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>操作</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod2.breakpointList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                        <td> <a href="javascript:;" @click="del(index)" >删除</a></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- 序号3设置开始 -->
                    <div class="form" v-show='but==3' >
                        <div class="form-group">
                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethod.lightmethod3.type" name="lightset3" value="sunset">
                                <label class="control-label">按经纬度设置</label>
                            </div>

                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethod.lightmethod3.type" name="lightset3" value="timeset">
                                <label class="control-label">按时间节点设置</label>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod3.type == 'sunset'">
                            <div>
                                <table class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>调整(m)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td class="bggray">日落时间</td>
                                        <td><input type="text"  value="100" name="sunsetLum3"  v-model="light.lightmethod.lightmethod3.sunsetLum"></td>
                                        <td><input type="text"  value="20" name="startDelay3" v-model="light.lightmethod.lightmethod3.startDelay"></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td class="bggray">日出时间</td>
                                        <td class="bggray">0</td>
                                        <td><input type="text"  value="20" name="endDelay3" v-model="light.lightmethod.lightmethod3.endDelay"></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="order_operation_btn"  v-show="light.lightmethod.lightmethod3.breakpointSunList.length <4">
                                <button type="button" class="btn primary_btn" @click.stop="addBreakpoint()">新增转换点</button>
                            </div>
                            <div v-show="light.lightmethod.lightmethod3.breakpointSunList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>操作</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod3.breakpointSunList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                        <td> <a href="javascript:;" @click="del(index)" >删除</a></td>
                                    </tr>
                                </table>
                            </div>

                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod3.type == 'timeset'">
                            <div>
                                <span>开关点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td><input type="text"  value="18:00" name="startTime3" v-model="light.lightmethod.lightmethod3.startTime"></td>
                                        <td><input type="text"  value="100" name="timesetLum3" v-model="light.lightmethod.lightmethod3.timesetLum"></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td><input type="text"  value="06:00" name="endTime" v-model="light.lightmethod.lightmethod3.endTime"></td>
                                        <td class="bggray">0</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="order_operation_btn"  v-show="light.lightmethod.lightmethod3.breakpointList.length <4">
                                <button type="button" class="btn primary_btn" @click.stop="addBreakpoint()">新增转换点</button>
                            </div>
                            <div v-show="light.lightmethod.lightmethod3.breakpointList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>操作</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod3.breakpointList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                        <td> <a href="javascript:;" @click="del(index)" >删除</a></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                    <!-- 序号4设置开始 -->
                    <div class="form" v-show='but==4' >
                        <div class="form-group">
                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethod.lightmethod4.type" name="lightset4" value="sunset">
                                <label class="control-label">按经纬度设置</label>
                            </div>

                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethod.lightmethod4.type" name="lightset4" value="timeset">
                                <label class="control-label">按时间节点设置</label>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod4.type == 'sunset'">
                            <div>
                                <table class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>调整(m)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td class="bggray">日落时间</td>
                                        <td><input type="text"  value="100" name="sunsetLum4"  v-model="light.lightmethod.lightmethod4.sunsetLum"></td>
                                        <td><input type="text"  value="20" name="startDelay4" v-model="light.lightmethod.lightmethod4.startDelay"></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td class="bggray">日出时间</td>
                                        <td class="bggray">0</td>
                                        <td><input type="text"  value="20" name="endDelay4" v-model="light.lightmethod.lightmethod4.endDelay"></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="order_operation_btn"  v-show="light.lightmethod.lightmethod4.breakpointSunList.length <4">
                                <button type="button" class="btn primary_btn" @click.stop="addBreakpoint()">新增转换点</button>
                            </div>
                            <div v-show="light.lightmethod.lightmethod4.breakpointSunList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>操作</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod4.breakpointSunList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                        <td> <a href="javascript:;" @click="del(index)" >删除</a></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethod.lightmethod4.type == 'timeset'">
                            <div>
                                <span>开关点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td><input type="text"  value="18:00" name="startTime4" v-model="light.lightmethod.lightmethod4.startTime"></td>
                                        <td><input type="text"  value="100" name="timesetLum4" v-model="light.lightmethod.lightmethod4.timesetLum"></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td><input type="text"  value="06:00" name="endTime4" v-model="light.lightmethod.lightmethod4.endTime"></td>
                                        <td class="bggray">0</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="order_operation_btn"  v-show="light.lightmethod.lightmethod4.breakpointList.length <4">
                                <button type="button" class="btn primary_btn" @click.stop="addBreakpoint()">新增转换点</button>
                            </div>
                            <div v-show="light.lightmethod.lightmethod4.breakpointList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>操作</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethod.lightmethod4.breakpointList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                        <td> <a href="javascript:;" @click="del(index)" >删除</a></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>

                </div>
                <!-- 勾选后为统一设置 -->
                <div class="innerbox" v-show='light.unify==true'>
                    <div class="form" >
                        <div class="form-group">
                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethodUnify.type" name="lightset" value="sunset">
                                <label class="control-label">按经纬度设置</label>
                            </div>

                            <div class="col-sm-4">
                                <input type="radio" v-model="light.lightmethodUnify.type" name="lightset" value="timeset">
                                <label class="control-label">按时间节点设置</label>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethodUnify.type == 'sunset'">
                            <div>
                                <table class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>调整(m)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td class="bggray">日落时间</td>
                                        <td><input type="text"  value="100" name="sunsetLum"  v-model="light.lightmethodUnify.sunsetLum"></td>
                                        <td><input type="text"  value="20" name="startDelay" v-model="light.lightmethodUnify.startDelay"></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td class="bggray">日出时间</td>
                                        <td class="bggray">0</td>
                                        <td><input type="text"  value="20" name="endDelay" v-model="light.lightmethodUnify.endDelay"></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="order_operation_btn"  v-show="light.lightmethodUnify.breakpointSunList.length <4">
                                <button type="button" class="btn primary_btn" @click.stop="addBreakpoint()">新增转换点</button>
                            </div>
                            <div v-show="light.lightmethodUnify.breakpointSunList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>操作</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethodUnify.breakpointSunList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                        <td> <a href="javascript:;" @click="del(index)" >删除</a></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <div class="form-group" v-show="light.lightmethodUnify.type == 'timeset'">
                            <div>
                                <span>开关点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                    </tr>
                                    <tr>
                                        <td>开灯点</td>
                                        <td><input type="text"  value="18:00" name="startTime" v-model="light.lightmethodUnify.startTime"></td>
                                        <td><input type="text"  value="100" name="timesetLum" v-model="light.lightmethodUnify.timesetLum"></td>
                                    </tr>
                                    <tr>
                                        <td>关灯点</td>
                                        <td><input type="text"  value="06:00" name="endTime" v-model="light.lightmethodUnify.endTime"></td>
                                        <td class="bggray">0</td>
                                    </tr>
                                </table>
                            </div>
                            <div class="order_operation_btn"  v-show="light.lightmethodUnify.breakpointList.length <4">
                                <button type="button" class="btn primary_btn" @click.stop="addBreakpoint()">新增转换点</button>
                            </div>
                            <div v-show="light.lightmethodUnify.breakpointList.length > 0">
                                <span>转换点设置:</span>
                                <table  class="table table-method" >
                                    <tr>
                                        <td>名称</td>
                                        <td>时间</td>
                                        <td>亮度(%)</td>
                                        <td>操作</td>
                                    </tr>
                                    <tr v-cloak v-for="(item, index) of light.lightmethodUnify.breakpointList">
                                        <td>{{item.pointName}}</td>
                                        <td>{{item.changeTime}}</td>
                                        <td>{{item.brightness}}</td>
                                        <td> <a href="javascript:;" @click="del(index)" >删除</a></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group form-center">
                    <a class="default_btn" @click.stop="goBack()">取消</a>
                    <button type="submit" class="primary_btn">确认</button>
                </div>
            </form>
        </div>
    </div>
</div>


<div id="Newbreakpoint" style="display:none;">
    <div class="form" style="padding-top:20px">
        <form class="form-horizontal ">
            <div class="form-group">
                <label class="col-sm-3 control-label">转换点名称:</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" id="bpName" value="">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">转换点时间:</label>
                <div class="col-sm-6">
                    <input type="text" class="form-control" id="bpTime" value="">
                </div>
            </div>
            <div class="form-group">
                <label class="col-sm-3 control-label">亮度:</label>
                <div class="col-sm-6">
                    <input type="text" id="bpLum" class="form-control" value="">
                </div>
            </div>

        </form>
    </div>
</div>
<script type="text/javascript" src="js/back/operate/lightmethod/lightmethod_create.js" custom></script>